@media screen and (max-width: 768px) {

    /* =========================================================
     1. 通用：区块容器统一左右留边距
     ========================================================= */
    .hiro_curve_page3,
    .hiro_curve_page4,
    .hiro_curve_page5,
    .hiro_curve_page6,
    .hiro_curve_page7,
    .hiro_curve_page8,
    .hiro_curve_page9,
    .hiro_curve_page10,
    .hiro_curve_page11,
    .hiro_curve_page12,
    .hiro_curve_page13,
    .hiro_curve_page14,
    .hiro_curve_page15,
    .hiro_curve_page16,
    .f_spec_table,
    .section-video,
    .head-carousel {
        width: 92% !important;
        margin-left: 4% !important;
        margin-right: 4% !important;
    }

    /* 上下间距压缩 */
    .base_magin_top_l {
        margin-top: 48px !important;
    }

    .base_magin_top_x {
        margin-top: 36px !important;
    }

    .base_div_magin_top {
        margin-top: 56px !important;
    }

    .hiro_banner_image {
        position: relative;
        width: 100%;
        height: auto;
        min-height: auto;
        margin-top: 0;                     /* 头部若是 fixed，用 padding‑top 顶开，见下 */
        padding-top: 96px;                 /* ★ 按你手机头部实际高度调整（常见 80~110px） */
        overflow: visible;                 /* 避免把文字裁掉 */
        box-sizing: border-box;
    }

    .hiro_banner_image-container {
        display: flex;
        /* flex‑direction: column;  注释掉上下堆叠，改为水平左右排列 */
        flex-direction: row;
        align-items: center;       /* 关键：图片文字上下垂直居中 */
        justify-content: flex‑start;
        gap: 12px;
        padding: 16px 16px 28px;
        height: auto;
        box-sizing: border-box;
    }

    /* 图片横向铺满，向右对齐 —— 保证右侧产品主体完整显示 */
    .hiro_banner_main-image {
        width: 45%;          /* 图片占容器45%宽度，可按需调 40%~50% */
        height: auto;
        max-height: 180px;
        object-fit: contain;
        object-position: center;
        flex-shrink: 0;      /* 图片不被压缩 */
    }

    /* 文字绝对定位压在图片之上，上下居中 */
    .hiro_banner_right_title {
        position: relative;
        z-index: 2;                     /* ★ 确保文字永远压在图片/其它元素之上 */
        width: 55%;                     /* 文字占剩余宽度，与图片45%对应 */
        flex: none;
        text-align: left;
    }

    .hiro_banner-title-content {
       font-size: 20px;
        line-height: 1.3;
        padding-bottom: 6px;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
    }

    /* 关键：父元素加 position: relative，横线才有定位参照 */
    .hiro_banner-title-content_c {
        position: relative;
        display: inline-block;
        font-size: 13px;
        line-height: 1.35;
        padding-bottom: 8px;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
    }

    /* 关键：移动端必须补全 content / position / background */
    .hiro_banner-title-content_c::after {
       content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 56%;
        height: 1.5px;
        background-color: rgba(255, 255, 255, 0.6);
    }

    .hiro_banner-text {
        font-size: 12px;
        line-height: 1.4;
        color: #0a46dc;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
    }


    /* =========================================================
     去掉案例轮播左右箭头
     ========================================================= */
    .head-carousel .swiper-button-next,
    .head-carousel .swiper-button-prev,
    .swiper-button-next1,
    .swiper-button-prev1 {
        display: none !important;
    }

    /* =========================================================
     3. Page2 —— 品牌介绍
     ========================================================= */
    .hiro_curve_page2 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .hiro_curve_page2__inner {
        max-width: 100%;
        margin: 0;
        padding: 32px 4% 28px;
    }

    .hiro_curve_page2__title {
        font-size: 24px;
        line-height: 1.35;
    }

    .hiro_curve_page2__lead {
        font-size: 15px;
        line-height: 1.6;
        color: #0a46dc;
    }

    .hiro_curve_page2__grid {
        grid-template-columns: 1fr !important;
        gap: 0;
        margin-top: 18px;
    }

    .hiro_curve_page2__col {
        font-size: 15px;
        line-height: 1.6;
        margin-top: 16px;
    }

    .hiro_curve_page2__col p+p {
        margin-top: 16px;
    }

    .hiro_curve_page2__tag {
        display: inline-block;
        margin-top: 18px;
        font-size: 15px;
        color: #0a46dc;
    }


    /* =========================================================
     Page3 —— 三款箱体卡片（移动端）
     ========================================================= */
    .hiro_curve_page3_header h1 {
        font-size: 24px;
        line-height: 1.3;
    }

    .hiro_curve_page3_header h2 {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 1.35;
    }

    .hiro_curve_card-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px;
        overflow: visible;
    }

    .hiro_curve_card-item {
        /* 关键：移动端重新声明，否则 PC 媒体查询里的样式不生效 */
        background-color: #fff;
        color: #000;
        padding: 20px 18px;
        border-radius: 12px;
    }

    .hiro_curve_card-item h3 {
        font-size: 24px;
    }

    .hiro_curve_card-item .sub-title {
        font-size: 17px;
        margin-bottom: 14px;
    }

    .hiro_curve_card-item img {
        width: 100%;
        height: auto;
        margin-bottom: 16px;
    }

    .hiro_curve_card-item ul {
        padding-left: 18px;
    }

    .hiro_curve_card-item li {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 6px;
    }

    /* =========================================================
     5. 通用 Hero 两栏区（Page4 / Page8 / Page12）
     ========================================================= */
    .hiro_curve_hero-section {
        display: grid !important;
        grid-template-columns: 1fr !important;
        min-height: auto !important;
        gap: 20px;
        align-items: center;
    }

    .hiro_curve_img-area {
        display: block;
        width: 100%;
    }

    /* 图片横向铺满（容器已留边距），高度自适应 */
    .hiro_curve_img-area img {
        display: block;
        width: calc(100% + 10vw);
        max-width: none;
        height: auto;
        margin-left: -10vw;
    }
     /* 图片横向铺满（容器已留边距），高度自适应 */
    .hiro_curve_img-area-p img {
        display: block;
        width: calc(100% + 10vw);
        max-width: none;
        height: auto;
        margin-left: 0.5vw;
    }

    .hiro_curve_text-area h1 {
        font-size: 26px;
        margin-bottom: 16px;
        line-height: 1.3;
    }

    .hiro_curve_text-area p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 14px;
    }

    .hiro_curve_text-area .hiro_curve_blue-text {
        font-size: 15px;
        line-height: 1.6;
    }

    .hiro_curve_demo-btn {
        display: inline-block;
        max-width: none;
        padding: 10px 24px;
        font-size: 14px;
        border-radius: 50px;
        background: #0a46dc;
        color: #ffffff;
        text-decoration: none;
    }


    /* =========================================================
     6. 视频区
     ========================================================= */
    .section-video .video-container {
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
        transform: none !important;
        /* 关闭 PC 端滚动缩放效果 */
    }

    .background-video {
        display: block;
        width: 100%;
        height: auto;
    }


      /* =========================================================
     Page5 / Page9 —— 对比表格（移动端）
     ========================================================= */
  .hiro_page5_header-text h1,
  .hiro_page9_header-text h1 {
    font-size: 24px;
    line-height: 1.3;
    color: #ffffff;          /* 关键：重新声明白字 */
    font-weight: bold;
  }

  .hiro_page5_header-text h2,
  .hiro_page9_header-text h2 {
    font-size: 17px;
    line-height: 1.35;
    margin-bottom: 20px;
    color: #0a46dc;          /* 关键：重新声明蓝字 */
    font-weight: normal;
  }

  .hiro_page5_table-wrap,
  .hiro_page9_table-wrap {
    background-color: #2557aa;   /* 关键：重新声明蓝色背景 */
    border-bottom-right-radius: 40px;
    padding: 18px 14px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .hiro_page5_table-wrap table,
  .hiro_page9_table-wrap table {
    width: 100%;
    min-width: 520px;
    font-size: 13px;
    border-collapse: collapse;
    color: #fff;             /* 关键：表格白字 */
  }

  .hiro_page5_table-wrap table th,
  .hiro_page9_table-wrap table th {
    font-size: 13px;
    padding-left: 10px;
    padding-bottom: 12px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #ffffff50;
    border-right: 1px solid #ffffff50;
  }

  .hiro_page5_table-wrap table th:last-child,
  .hiro_page9_table-wrap table th:last-child {
    border-right: none;
  }

  .hiro_page5_table-wrap table td,
  .hiro_page9_table-wrap table td {
    padding: 8px 10px;
    vertical-align: top;
    color: #fff;
    border-bottom: 1px solid #ffffff30;
    border-right: 1px solid #ffffff30;
  }

  .hiro_page5_table-wrap table td:last-child,
  .hiro_page9_table-wrap table td:last-child {
    border-right: none;
  }

  .hiro_page5_table-wrap table tr:last-child td,
  .hiro_page9_table-wrap table tr:last-child td {
    border-bottom: none;
  }

  .hiro_page5_table-wrap .sol-list,
  .hiro_page9_table-wrap .sol-list {
    list-style-type: disc;
    padding-left: 16px;
  }

  .hiro_page5_table-wrap .sol-list li,
  .hiro_page9_table-wrap .sol-list li {
    margin: 5px 0;
    line-height: 1.5;
  }

    /* =========================================================
     8. Page6 —— Locking Systems
     ========================================================= */
      /* =========================================================
     Page6 —— Locking Systems（移动端：左文右图，垂直居中）
     ========================================================= */
  .hiro_page6_locking-section {
    display: grid !important;
    grid-template-columns: 1.1fr 0.9fr !important;  /* 左文稍宽，右图稍窄 */
    gap: 14px;
    align-items: center !important;                  /* 上下居中 */
  }

  .hiro_page6_text-area {
    width: 100%;
  }

  .hiro_page6_text-area h1 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 6px;
    color: #fff;
  }

  .hiro_page6_text-area h2 {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 10px;
    color: #0a46dc;          /* 关键：重新声明蓝字 */
    font-weight: normal;
  }

  .hiro_page6_text-area p {
    font-size: 12px;
    line-height: 1.55;
    margin-bottom: 10px;
    color: #fff;
  }

  .hiro_page6_img-group {
    width: 100%;
    margin-top: 0;           /* 取消 PC 端的负 margin */
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .hiro_page6_img-card img {
    display: block;
    width: 100%;
    height: auto;
  }

  .hiro_page6_img-card p {
    font-size: 12px;
    text-align: center;
    margin-top: 4px;
    color: #fff;
  }


     /* =========================================================
     Page7 —— Serviceable by Design（移动端：左图右文，垂直居中）
     ========================================================= */
  .hiro_page7_service-section {
    display: grid !important;
    grid-template-columns: 0.85fr 1.15fr !important;  /* 左图稍窄，右文稍宽 */
    gap: 14px;
    align-items: center !important;                    /* 上下居中 */
  }

  .hiro_page7_img-group {
    width: 100%;
    margin-left: 0 !important;    /* 取消 PC 端的 50px 左移 */
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .hiro_page7_img-card img {
    display: block;
    width: 100%;
    height: auto;
  }

  .hiro_page7_img-card p {
    font-size: 12px;
    text-align: center;
    margin-top: 4px;
    color: #fff;
  }

  .hiro_page7_text-area {
    width: 100%;
  }

  .hiro_page7_text-area h1 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 6px;
    color: #fff;
  }

  .hiro_page7_text-area h2 {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 10px;
    color: #0a46dc;          /* 关键：重新声明蓝字 */
    font-weight: normal;
  }

  .hiro_page7_text-area p {
    font-size: 12px;
    line-height: 1.55;
    margin-bottom: 10px;
    color: #fff;
  }


    /* =========================================================
     10. Page10 —— 45° 曲面 + 把手 + 互连
     ========================================================= */
      /* =========================================================
     Page10 —— 45°曲面 / 把手 / 互连（移动端：左右两列，垂直居中）
     ========================================================= */
  .hiro_curve_page10 h1 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 6px;
    color: #fff;
    font-weight: bold;
  }

  .hiro_curve_page10 h2 {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 10px;
    color: #0a46dc;        /* 关键：重新声明蓝字 */
    font-weight: normal;
  }

  .hiro_curve_text-block p {
    font-size: 12px;
    line-height: 1.55;
    margin-bottom: 10px;
    color: #fff;
  }

  /* ---------- 模块1：Curved up to 45°（左文右图） ---------- */
  .hiro_curve_curve-45-section {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;  /* 文宽图窄 */
    gap: 14px;
    align-items: center !important;                    /* 上下居中 */
    margin-bottom: 32px;
  }

  .hiro_curve_img-right img,
  .hiro_curve_img-small img {
    display: block;
    width: 100% !important;
    height: auto;
  }

  /* ---------- 模块2/3：把手 + 互连 ---------- */
  .hiro_curve_handle-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px;
  }

  /* 把手：左文右图 */
  .hiro_curve_handle-top {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 14px;
    align-items: center !important;
  }

  /* 互连：左图右文（HTML 里图在前，用列宽匹配） */
  .hiro_curve_handle-bottom {
    display: grid !important;
    grid-template-columns: 0.85fr 1.15fr !important;
    gap: 14px;
    align-items: center !important;
  }

    /* =========================================================
     11. Page11 / Page13 —— 图文混排
     ========================================================= */
      /* =========================================================
     Page11 —— Serviceable by Design（移动端：左文右图，垂直居中）
     ========================================================= */
  .hiro_page11_service-section {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;  /* 文宽图窄 */
    gap: 14px;
    align-items: center !important;                    /* 上下居中 */
    margin-bottom: 32px;
  }

  .hiro_page11_text-block {
    width: 100%;
  }

  .hiro_page11_text-block h1 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 6px;
    color: #fff;
    font-weight: bold;
  }

  .hiro_page11_text-block h2 {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 10px;
    color: #0a46dc;        /* 关键：重新声明蓝字 */
    font-weight: normal;
  }

  .hiro_page11_text-block p {
    font-size: 12px;
    line-height: 1.55;
    margin-bottom: 10px;
    color: #fff;
  }

  .hiro_page11_img-right {
    width: 100%;
  }

  .hiro_page11_img-right img {
    display: block;
    width: 100% !important;
    height: auto;
  }

    /* =========================================================
     12. Page14 —— 三段图文
     ========================================================= */
      /* =========================================================
     Page14 —— 三段图文（移动端：左图右文，垂直居中）
     ========================================================= */
  .hiro_page14_text-left-section {
    display: grid !important;
    grid-template-columns: 0.85fr 1.15fr !important;  /* 图窄文宽 */
    gap: 14px;
    align-items: center !important;                    /* 上下居中 */
    margin-bottom: 32px;
  }

  .hiro_page14_img-left {
    width: 100%;
  }

  .hiro_page14_img-left img {
    display: block;
    width: 100% !important;
    height: auto;
  }

  .hiro_page14_text-block {
    width: 100%;
  }

  .hiro_page14_text-block h1 {
    font-size: 18px;
    line-height: 1.3;
    margin-top: 0 !important;   /* 取消 PC 端的 50px 上边距 */
    margin-bottom: 6px;
    color: #fff;
    font-weight: bold;
  }

  .hiro_page14_text-block h2 {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 10px;
    color: #0a46dc;             /* 关键：重新声明蓝字 */
    font-weight: normal;
  }

  .hiro_page14_text-block p {
    font-size: 12px;
    line-height: 1.55;
    margin-bottom: 10px;
    color: #fff;
  }


    /* =========================================================
     13. Page15 —— Key features
     ========================================================= */
      /* =========================================================
     Page15 —— Key features（移动端：保持 PC 版 3 列白底样式）
     ========================================================= */
  .hiro_page15_key-feature-wrap {
    max-width: 100%;
  }

  .hiro_page15_page-title h1 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: normal;
    margin-bottom: 12px;
    color: #fff;
  }

  .hiro_page15_page-title p {
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 24px;
    color: #fff;
  }

  .hiro_page15_feature-grid {
    background: #fff;              /* 关键：白色背景 */
    color: #000;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;   /* 关键：保持 3 列 */
    gap: 1px;
  }

  .hiro_page15_feature-item {
    padding: 18px 12px;
    position: relative;
    background: #fff;
  }

  /* 关键：恢复竖向分隔线 */
  .hiro_page15_feature-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background-color: #0a46dc;
  }

  .hiro_page15_feature-item:first-child,
  .hiro_page15_feature-item:nth-child(4) {
    border-left: none;
  }

  /* 取消横向分隔线（那是 1 列时用的） */
  .hiro_page15_feature-item + .hiro_page15_feature-item {
    border-top: none;
  }

  .hiro_page15_feature-item h3 {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .hiro_page15_feature-item p {
    font-size: 11px;
    color: #444444;
    line-height: 1.5;
  }


    /* =========================================================
     14. Page16 —— 三个性能等级卡片
     ========================================================= */
     /* =========================================================
     Page16 —— 三个性能等级（移动端）
     ========================================================= */
  h1.hiro_page16_top-title {
    font-size: 24px;
    line-height: 1.3;
    font-weight: normal;
    color: #fff;              /* 关键：重新声明白字 */
  }

  h1.hiro_page16_sub-title {
    font-size: 26px;
    line-height: 1.3;
    font-weight: bold;
    color: #0a46dc;           /* 关键：重新声明蓝字 */
    margin-bottom: 16px;
  }

  .hiro_page16_desc-text {
    font-size: 15px;
    line-height: 1.6;
    color: #fff;              /* 关键：重新声明白字 */
    max-width: 100%;
    margin-bottom: 24px;
  }

  .hiro_page16_card-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px;
  }

  .hiro_page16_card-item {
    border-radius: 16px;
    overflow: hidden;
    background: #111;
  }

  /* 关键：卡片主题色必须重新声明 */
  .hiro_page16_card-pro {
    background: #1b48c9;
  }

  .hiro_page16_card-std {
    background: #222222;
  }

  .hiro_page16_card-rental {
    background: #199b48;
  }

  .hiro_page16_card-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 16px;
    display: block;
  }

  .hiro_page16_card-content {
    padding: 20px 18px;
  }

  .hiro_page16_card-content h3 {
    font-size: 20px;
    margin-bottom: 12px;
    color: #fff;              /* 卡片内标题白字 */
  }

  .hiro_page16_card-content ul {
    list-style-type: "- ";
    padding-left: 20px;
    font-size: 13px;
    line-height: 1.6;
    color: #fff;              /* 列表白字 */
  }

    /* =========================================================
     15. 案例轮播 head-carousel
     ========================================================= */
    /* head‑carousel swiper轮播 手机适配，取消100vh固定高度 */
    .head-carousel {
        width: 98%;
        height: 300px;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 50px;
        padding: 0 !important;
        overflow: hidden !important;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .head-carousel .swiper-container {
        width: 100% !important;
        height: 300px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: relative;
    }

    .head-carousel .swiper-wrapper {
        width: 100% !important;
        height: 300px !important;
    }

    .head-carousel .swiper-slide {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        background-color: #000;
        border-radius: 10px;
    }

    .head-carousel .swiper-slide img {
        display: block;
        width: 100% !important;
        height: 300px !important;
        border-radius: 10px;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .head-carousel .swiper-slide video {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .head-carousel .swiper-slide-active img,
    .swiper-slide-duplicate-active img {
        transition: 6s linear;
        transform: scale(1, 1);
    }

    /* swiper箭头缩小 */
    .head-carousel .swiper-button-prev,
    .head-carousel .swiper-rtl .swiper-button-next {
        left: 6px;
        border: 1px solid #fff;
        width: 36px;
        height: 36px;
        border-radius: 50%;
    }

    .head-carousel .swiper-button-next,
    .head-carousel .swiper-rtl .swiper-button-prev {
        right: 6px;
        border: 1px solid #fff;
        width: 36px;
        height: 36px;
        border-radius: 50%;
    }

    .head-carousel .swiper-button-next:after,
    .index3 .swiper-rtl .swiper-button-prev:after {
        font-size: 16px;
        color: #fff;
    }

    .head-carousel .swiper-button-prev:after,
    .index3 .swiper-rtl .swiper-button-next:after {
        font-size: 16px;
        color: #fff;
    }

    .head-carousel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        background-color: #fff;
    }

    .head-carousel .swiper-pagination-bullet-active {
        width: 16px;
        border-radius: 10px;
        background-color: #fff;
    }

    /* 案例浮层文字盒子：手机居中，背景contain防止拉伸 */
    .hiro-case-content {
        position: absolute;
        top: 50%;
        left: 50%;
        background: url('../../img/hiro-case-text-bg.png') center/cover no-repeat;
        border-radius: 24px;
        transform: translate(-50%, -50%);
        width: 80%;
        padding: 10px 8px;
        color: #fff;
    }

    .hiro-case-content h2 {
        font-size: 16px;
        margin-bottom: 15px;
        letter-spacing: 1px;
    }

    .hiro-case-content p {
        font-size: 14px;
        line-height: 1.1;
        margin-bottom: 15px;
    }

    .hiro-explore-more-btn {
        display: inline-block;
        padding: 5px 10px;
        background: #0a46dc;
        color: white;
        text-decoration: none;
        border-radius: 50px;
        font-size: 14px;
    }

    .hiro-explore-more-btn:hover {
        background: #1d4ed8;
    }

    .blue_p{
        color: #0a46dc;
    }


    /* 滚动容器：翻转 180°，让滚动条跑到顶部 */
.hiro_table {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transform: rotateX(180deg);
    border-radius: 8px;
}

/* 表格内容翻正 */
.hiro_table table {
    transform: rotateX(180deg);
    min-width: 1200px;   /* 移动端比 PC 稍窄即可触发滚动 */
    font-size: 12px;
}

/* 固定表头第一列 */
.hiro_table .fixed-cell {
    position: sticky;
    left: 0;
    z-index: 3;
    color: #fff;
    background-color: #2557aa;
    -webkit-position: sticky;
    border-right: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.15);
}

/* 固定正文第一列 */
.hiro_table .fixedtd {
    position: sticky;
    left: 0;
    z-index: 2;
    color: #fff;
    background-color: #2557aa;
    -webkit-position: sticky;
    border-right: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.15);
}
}